/* CSS Document */
ul.menu {margin:0; padding:0; list-style:none; text-align:left; }
ul.menu {display:inline-block; }

ul.menu > li {display:inline-block; position:relative; z-index:10;margin-bottom: -11px;}

ul.menu li a {
display: block;
    color: #333;
    padding: 5px 15px 5px 15px;
	text-transform:uppercase;
    font-size: 24px;
	width:auto;
	text-decoration:none;
}


ul.menu > li > a {
height:67px;
line-height:67px;
}

ul.menu li a:hover {
color:#EBA272;
} 

ul.menu > li.mx_current > a {
color:#999999;
}

ul.menu > li.mx_first {
display:none;
}

/*Second level*/
ul.menu ul {
position:absolute; 
left:-9999px; 
top:67px; 
padding:30px; 
z-index:10;
background-color:#000000;
/*border-top:solid 20px #FFFFFF;*/
white-space:nowrap;
}

#menu-main > ul > li {float:left;}

ul.menu ul a {
text-align:left;
height: auto;
line-height:34px;
	min-width:200px;
padding:0 ;
color:#FFFFFF;
}

ul.menu ul a:before {
padding-right:10px;
content:"\f105";
font-family:'FontAwesome';
font-size:16px;
position:relative;
top:-4px;
display:inline-block;
}

ul.menu ul a:hover{
color:#EBA272;
text-decoration:underline;
}

ul.menu ul a:hover:before {
text-decoration: none;
}

/*ul.menu ul li.mx_parent {
background-image: url(../layout/menu-arrow.png);
background-repeat:no-repeat;
background-position:top right;
}*/
	
/*Third level*/

ul.menu ul ul {
left:100%; 
top:auto; 
margin-top:-30px; 
padding-left:6px;
}

ul.menu ul ul a {
padding-right:20px;  
}

/*Fourth level*/
ul.menu ul ul ul {background:#66c;}

#menu-main li:hover {z-index:100;}




/*ul.menu li a.hassub {background:url(down.gif) no-repeat right center;}
#menu li.left ul li a.hassub {background:url(down.gif) no-repeat left center;}*/


ul.menu ul,
ul.menu ul ul {left:-9999px; right:auto; opacity:0;}

ul.menu li:hover > ul {left:10px; opacity:1;}
ul.menu ul li:hover > ul {left:100%; opacity:1;}

/*ul.menu li:hover > a.hassub {background:url(right.gif) no-repeat right center;}*/



#mobile-nav {
display:none;
}

#menu .close {
position:absolute;
top:12px;
right:0;
}

#menu .close a {
display:block;
color:#000000;
font-size:24px;
text-decoration:none;
font-weight:normal;
width:50px;
height:30px;
text-align: center;
}

#menu {
  position: fixed;
  background-color:#FFFFFF;
  height: auto;
  z-index: 88;
  padding-top:15px;
  padding-bottom:25px;
  width: 280px;
  color: #000000;
  top:84px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-top:solid 3px #000000;
  border-bottom:solid 3px #000000;  
}

#menu ul {
  list-style: none;
  margin-top: 0;
  margin-bottom:0;
  padding: 0;
}

#menu > ul:last-of_type {
margin-bottom:50px;
}

#menu ul li a {
  color: #000000;
  display: block;
  padding: 3px 10px 3px 30px;
  text-decoration: none;
  font-weight: normal;
  text-transform:uppercase;
}


#menu ul a:hover,
#menu ul li.mx_current > a {
  color:#f3997b;
}

#menu ul li.mx_parent > a:after {
content:"\f105";
font-family:FontAwesome;
display:inline-block;
padding-left:8px;
font-size:15px;
position:relative;
top:-3px;
}
/*active content:"\f107";*/
#menu ul li.mx_parent li.mx_current > a {
color:#9FAD3B;
}

#menu > ul:last-of-type > li.mx_first { display:none; }

/* Submenu */

#menu ul li a.active+ul { display: block }

#menu ul li ul {
  padding-top: 10px;
  padding-bottom:20px;
  background-color:#000000;
}

#menu ul li ul li a {
color:#FFFFFF;
 }
 
#menu ul ul li a:before {
content:"\f105";
font-family:FontAwesome;
display:inline-block;
padding-right:12px;
font-size:15px;
position:relative;
top:-3px;
}

#menu ul li ul li ul li a { padding-left: 60px; }

#menu ul li ul li a:hover {  }


.left { left: -280px; }

.show { left: 0; }

#mobile-nav .showmenu { 
 
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#mobile-nav {
display:none;
}




@media screen and (max-width: 1023px) {

	
	ul.menu {
	display:none;
	}

#mobile-nav {
display:block;
position:absolute;
top:15px;
left:30px;
width: 20px;
text-align:right;
font-size:36px;
z-index:999;
}

#mobile-nav a {
color:#000000;
}


} /*end mediaquery*/




#column ul.sidemenu {
margin:0;
padding:0;
list-style-type:none;
}

#column ul.sidemenu li {
display:block;
}

#column ul.sidemenu li a {
display:block;
color:#000000;
text-transform:uppercase;
}

#column ul.sidemenu li a:hover {
color:#3D4858;
}